<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/kzt.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/laydate.js"></script>	
	<script type="text/javascript"  src="js/page.js"></script>
	<script type="text/javascript" src="js/linkjs.js"></script>
</head>
<body>
	<div class="header">
		<div id="append"></div>
		<script> 
            $("#append").load("header.html");
        </script>

		<div class="navBigbox">
			<div class="navsubBox">
				<ul class="indexMenu">
					<li class="home-btn">首页</li>
					<li class="cp-btn">产品</li>
					<li class="kf-btn">
						开发
						<!-- <ul class="subMenu">
			            	<li>开发前准备</li>
			                <li>开始开发</li>
			                <li>接口介绍</li>
			                
			            </ul> -->
					</li>
					<li class="kzt-btn">
						控制台 
						<!-- <ul class="subMenu">
			            	<li>企业信息</li>
			                <li>合同管理</li>
			                <li>充值记录查询</li>
			                
			            </ul> -->
			            <a class="checked-arrow"></a>
					</li>
					<li class="Qos-btn">
						帮助与支持
						<!-- <ul class="subMenu">
			            	<li>常见问题</li>
			                <li>文档下载</li>
			                <li>问题反馈</li>
			                
			            </ul> -->
					</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="contentBox">
		<h3>
			首页产品 &gt;<a style="color:#50b9e7">&nbsp;控制台</a>
		</h3>
		<ul class="leftbar">
			<li class="qyxx">企业信息</li>
			<li class="checkedFontBlue htgl">合同管理 <a></a></li>
			<li class="czjlcx">充值记录查询 </li>
		</ul>
		<div class="rightbar page2main">
			<h4>合同管理</h4>
			<div class="inputbox2">
				<p>合同编号:</p>
				<input type="text" placeholder="请输入合同编号"/>
				<p class="spaceMar">时间：</p>
				  


				<input type="text" style="width:135px;" class="laydate-icon" placeholder="YYYY-MM-DD" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
				
				 <input type="text" style="width:135px;" class="laydate-icon" placeholder="YYYY-MM-DD" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">

				<p class="spaceMar">合同状态：</p>
				<select name="" id="">
					<option value="" selected="selected">全部</option>
					<option value="">去开发</option>
					<option value="">使用中</option>
					<option value="">已过期</option>
					<option value="">开始使用</option>
					<option value="">审核中</option>
				</select>
			</div>
						
			<div class="Btn-query">搜索</div>
			<h5 class="page2h5">合同列表</h5>
			<table class="page1Table">
				<tr>
					<th>合同编号</th>
					<th>使用类型</th>
					<th>签约金额（元）</th>
					<th>剩余金额（元）</th>
					<th>开始日期</th>
					<th>截止日期</th>
					<th>合同详情</th>
					<th>合同状态</th>
				</tr>
				<tr>
					<td>1245245</td>
					<td>标准版</td>
					<td>452452</td>
					<td>4534534343</td>
					<td>2016-02-02</td>
					<td>2016-02-02</td>
					<td><a class="underLineblue checkedht ckhtxq">查看合同详情</a></td>
					<td>使用中</td>
				</tr>
				<tr>
					<td>1245245</td>
					<td>标准版</td>
					<td>452452</td>
					<td>4534534343</td>
					<td>2016-02-02</td>
					<td>2016-02-02</td>
					<td><a class="underLineblue checkedht ckhtxq">查看合同详情</a></td>
					<td><a class="Btn-startuse">开始使用</a></td>
				</tr>
			</table>
			
		</div>

	</div>
	<div id="append-bot"></div>
	<script> 
        $("#append-bot").load("footer.html");
    </script>

</body>
</html>